//页面初始化
$(function() {
	//添加商品到购物车
	$('.pro-cell').click(function() {
		$('#blancebar').show();

		//加入购物车的动画效果
		var img = $(this).find('.pro-img img').attr('src'); //获取当前点击图片链接
		var flyer = $('<img src="' + img + '">'); //抛物体对象

		$('body').append('<div class="floating-cart"></div>');
		var cart = $('div.floating-cart');
		flyer.clone().appendTo(cart);
		$(cart).css({
			'left': event.pageX, //抛物体起点横坐标
			'top': event.pageY //抛物体起点纵坐标
		}).fadeIn('normal').addClass('moveToCart');
		setTimeout(function() {
			var position = $('#blancebar .shopping-cart').offset();
			$('body').addClass('MakeFloatingCart');
			$('body.MakeFloatingCart div.floating-cart.moveToCart').css({
				'top': position.top + 'px',
				'left': '10px'
			});
		}, 800);
		setTimeout(function() {
			$('div.floating-cart').remove();
			$('body').removeClass('MakeFloatingCart');

			var count = $('#blancebar .count').text();
			$('#blancebar .count').text(parseInt(count) + 1);
		}, 1000);
	});

	$('#search').click(function() {
		window.location.href = 'search.html';
	});

	//购物车详情
	$(document).on('click', '#openCartDetail', function() {
		$.popup('.popup-cart');
	});

	//修改产品数量
	$('.item-sum .button.opt').click(function() {
		var opt = $(this).text();
		var obj = $(this).parent().find('.value');
		var value = obj.text();
		if(opt === '-') {
			if(value === '1') {
				$.confirm('确认要删除这个宝贝吗？', function() {
					$.showPreloader('删除中...');
					setTimeout(function() {
						$.hidePreloader();
					}, 2000);
				});
				return;
			} else {
				value--;
			}
		} else if(opt === '+') {
			value++;
		}
		obj.text(value);
	});

	//去支付
	$('#payBtn').click(function() {
		$.showPreloader('支付中...');
		setTimeout(function() {
			$.hidePreloader();
		}, 2000);
		window.location.href = 'payok.html';
	});

	//多个标签页下的无限滚动
	$(document).on("pageInit", "#page-fixed-tab-infinite-scroll", function(e, id, page) {
		var loading = false;
		// 每次加载添加多少条目
		var itemsPerLoad = 9;
		// 最多可加载的条目
		var maxItems = 100;
		var lastIndex = 0;

		function addItems(number) {
			// 生成新条目的HTML
			var html = '';
			for(var i = 0; i <= number; i++) {
				html += '<div class="col-33 pro-cell">' +
					'<div class="pro-img"><img src="img/p1.png" alt="产品图" width="100%"></div>' +
					'<div class="pro-info">￥<span class="cf63">15.9</span> <span class="pull-right">月销180</span></div>' +
					'<div class="pro-name">新产品</div>' +
					'</div>';
			}
			// 添加新条目
			$('.infinite-scroll.active .pro-box').append(html);
		}
		$(page).on('infinite', function() {
			// 如果正在加载，则退出
			if(loading) return;

			//隐藏购物车
			$('#blancebar').hide();
			// 设置flag
			loading = true;
			var tabIndex = 0;
			if($(this).find('.infinite-scroll.active').attr('id') == "tab1") {
				tabIndex = 0;
			}
			if($(this).find('.infinite-scroll.active').attr('id') == "tab2") {
				tabIndex = 1;
			}
			if($(this).find('.infinite-scroll.active').attr('id') == "tab3") {
				tabIndex = 2;
			}
			lastIndex = $('.content-block-inner').eq(tabIndex).find('.pro-cell').length;
			// 模拟1s的加载过程
			setTimeout(function() {
				// 重置加载flag
				loading = false;
				if(lastIndex >= maxItems) {
					// 加载完毕，则注销无限加载事件，以防不必要的加载
					//$.detachInfiniteScroll($('.infinite-scroll').eq(tabIndex));
					// 删除加载提示符
					$('.infinite-scroll-preloader').eq(tabIndex).hide();
					return;
				}
				addItems(itemsPerLoad, lastIndex);
				// 更新最后加载的序号
				lastIndex = $('.content-block-inner').eq(tabIndex).find('.pro-cell').length;
				$.refreshScroller();
			}, 1000);
		});
	});

	//SUI初始化
	$.init();

});